<div class="appserver">
    <div nz-row>
        <div nz-col nzSpan="12">
            <div class="list">
                <div class="title">CPU监控</div>                
                <div id="cpuchart" style="position:absolute;width:100%;height:360px;"></div>
                <div style="position:absolute;right:15px;top:15px;">
                    <nz-select style="width: 150px;" [(ngModel)]="selectedValue" (ngModelChange)="provinceChange($event)">
                        <nz-option *ngFor="let data of cpuIndex" [nzValue]="data.value" [nzLabel]="data.name"></nz-option>
                    </nz-select>
                </div>
            </div>
        </div>
        <div nz-col nzSpan="12">
            <div class="list">
                <div class="title">虚拟机监控</div>
                <div id="jvmchart" class="jvmchart"></div>
                <div class="jvmtips">虚拟机共<span>{{this.jvmTotal}}</span> <br />已使用<span>{{this.jvmTitle}}</span></div>
            </div>
        </div>
    </div>

    <div nz-row>
        <div nz-col nzSpan="12">
            <div class="list">
                <div class="title">数据库监控</div>
                <div id="oraclechart" class="oraclechart"></div>
            </div>
        </div>
        <div nz-col nzSpan="12">
            <div class="list">
                <div class="title">内存监控</div>
                <div id="memoryPercent" class="memoryPercent"></div>
            </div>
        </div>
    </div>
</div>